<template>
	<view>
		<view class="pl-20">
			<u-cell-group>
				<u-cell title="新消息通知" :isLink="true"></u-cell>
				<u-cell title="系统权限管理" :isLink="true"></u-cell>
				<u-cell title="版本更新" :isLink="true"></u-cell>
				<u-cell title="关于" :isLink="true"></u-cell>
			</u-cell-group>
		</view>
		<view class="pl-30 pr-30 mt-80">
			<u-button type="primary" size="large" text="退出登录" @click="loginOut"></u-button>
		</view>
		<view class="version">版本号 1.0.28</view>
	</view>
</template>

<script>
import { mapMutations } from 'vuex';
export default {
	data() {
		return {
			version_number: ''
		};
	},
	onLoad() {
		// const accountInfo = uni.getAccountInfoSync();
		// this.version_number = accountInfo.miniProgram.version; // 小程序 版本号
		// console.log(accountInfo.miniProgram.version, '小程序版本号');
	},
	methods: {
		...mapMutations(['logout']),
		loginOut() {
			this.logout();
			uni.reLaunch({
				url: '/pages/login/index'
			});
		}
	}
};
</script>

<style>
page {
	background-color: #fff;
}

.version {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	padding-bottom: 4px;
}
</style>